﻿<%@ Page Title="" Language="C#" MasterPageFile="~/template.Master" AutoEventWireup="true" CodeBehind="ProgrammeDetails.aspx.cs" Inherits="SystemDirectory.ProgrammeDetails" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style>

.tabContents{
	 
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	min-height: 200px;
	padding:10px;
	padding-top: 15px;
	}
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top-left {
	border: 0px solid #ccc;
	font:bold 14px Arial,  Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}
.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}
.details1 {
	overflow: hidden;
}
.content-left {
	float: left;
	padding-right: 50px;
}
.content-right {
}
.frm div {
    display: table;
    position: static;
	margin-bottom:15px;
}
.frm div label {
	width: 106px;
	word-wrap: break-word;	
	display: table-cell;
    vertical-align: middle;
    position: static;
}
.frm textarea {
	width: 260px;
	height: 80px;
}
.frm input[type="text"], input[type="password"] {
	width: 260px;
}
.frm input[type="button"] {
	float: right;
}
.frm select {
	width: 270px;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     
<div id="content">
	<div id="mainContainer">
	<div class="box">
		<div id="container-orglst">
			 
            <h4><a href="#">Programme Details</a> </h4>
			<div id="tabContaier">
				<ul>
					
					<div  style="width:876px; padding: 0;margin-bottom:10px">
                     <a href="ProgrammeList.aspx"> <input type="button" class="btn btn-primary" value="Back" style="margin-right:25px;float:right"/></a>
					<asp:Button ID="Deactivate" runat="server" Text="Deactivate" 
                            CssClass="btn btn-primary" Width="87px"/>
					<asp:Button ID="Save" runat="server" Text="Save" CssClass="btn btn-primary" 
                        Style="margin-right:70px; height: 31px;" onclick="saveProgramme_Click"/>
					
				</div>
					
				</ul>
                </br>
                </br>
                

				
				<div id="Details" class="tabContents details1">
				<form>
					<div class="content-left frm">
						<div>
							<label for="first_name">Programme Name<span style="color: red;">*<span></label>
                            <asp:TextBox ID="ProgrammeName" runat="server"></asp:TextBox>
						</div>
						 
						<div>
							<label for="email">Description</label>
                            <asp:TextBox ID="Description" runat="server" TextMode="MultiLine"></asp:TextBox>
						</div>	
					</div>
					
					<div class="content-right frm">
						<div>
							<label for="manager_name" style="width:75px">Contact</label>
                            <asp:TextBox ID="Contact" runat="server"></asp:TextBox>
							<a href="#myModal" role="button" data-toggle="modal" style="margin-left:10px">Lookup</a>
 
                       </div>
					</div>
				</form>
				
			</div>
		</div>
	</div>
	</div>

    </div>

     <!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Search Contact</h3>
  </div>
  <div class="modal-body">
    <div id="Div1">
	<div id="Div2">
	<div class="box">
		<div id="Div3">
			 
			<form >
				<div class="tabDetails" style="height:50px">
					 
						<div class="field">
							<label for="postcode" style="display:inline-block;margin-left:5px;margin-right:15px">First Name : </label>
							<input type="text" name="postcode" value="" id="postcode" style="margin-top:10px;width:30%"/>
							<label for="street" style="display:inline-block;margin-left:10px">Surname : </label>
							<input type="text" name="street" value="" id="street"  style="margin-top:10px;float:right;width:30%"/>
							 
						</div>
					 
				</div>
			</br>
				<div >
					<input type="button" value="Search Contact" class="btn btn-primary" style="margin-right:10px" />
					<input type="button" value="None" class="btn btn-primary" style="margin-right:10px" />
					<input type="button" value="Clear" class="btn btn-primary"  style="margin-right:10px" />
					 
				</div>
				</br>
				<div >	
					<input type="checkbox" name="in_active" class="checkbox inline" value="" id="in_active"  />
					<label for="in_active" id="active" style="display:inline-block" >Include in-active contact? </label>	
				</div>
				
				<div class="div-table">
					<div>
						<table width="100%" class="table-striped table-bordered">
							<thead>
								<tr style="background: #006dcc" >
									<th></th>
									<th>Contact Name</th>
									<th>Mobile Phone</th>
									<th>Email</th>
									<th>Contact Type</th>
									<th>Is Active?</th>
									<th>Note</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<input type="radio" name="select" value="" id="select"/>
									</td>
									<td>Le Ba Huy</td>
									<td>01669409707</td>
									<td>huylb005</td>
									<td>Operational</td>
									<td>Yes</td>
									<td></td>
								</tr>
								<tr>
									<td>
										<input type="radio" name="select" value="" id="Radio1"/>
									</td>
									<td>Thanh Do</td>
									<td>01669409707</td>
									<td>dont005</td>
									<td>Fire Marshall</td>
									<td>Yes</td>
									<td></td>
								</tr>	
                                <tr>
									<td>
										<input type="radio" name="select" value="" id="Radio2"/>
									</td>
									<td>Le Cuong</td>
									<td>01669409707</td>
									<td>cuongld005</td>
									<td>Fire Marshall</td>
									<td>Yes</td>
									<td></td>
								</tr>
                                <tr>
									<td>
										<input type="radio" name="select" value="" id="Radio3"/>
									</td>
									<td>Phuong Phan</td>
									<td>01669409707</td>
									<td>phuongpd005</td>
									<td>Fire Marshall</td>
									<td>Yes</td>
									<td></td>
								</tr>
                                <tr>
									<td>
										<input type="radio" name="select" value="" id="Radio4"/>
									</td>
									<td>Nguyen Hoang Viet</td>
									<td>01669409707</td>
									<td>vietnh005</td>
									<td>Fire Marshall</td>
									<td>Yes</td>
									<td></td>
								</tr>
                                <tr>
									<td>
										<input type="radio" name="select" value="" id="Radio5"/>
									</td>
									<td>Tran Toan</td>
									<td>01669409707</td>
									<td>toant005</td>
									<td>Fire Marshall</td>
									<td>Yes</td>
									<td></td>
								</tr>																	
							</tbody>
						</table>
					</div>
                    </br>
					 <span class="pagelinks" style="float:right;">      
			            <span class="icon icon-step-backward"> <a href="#"></a></span>      
			            <span class="icon icon-backward"> <a href="#"></a></span>
			            Page <input style="font-size: 12px; width:35px; padding: 2px;" class="curpage" type="text" name="b" value="1" /> of <span class="nops">1</span>
			            <span class="icon icon-forward"> <a href="#"></a></span>      
			            <span class="icon icon-step-forward"> <a href="#"></a></span>
			        </span>
				</div>
						
				</form>
					
		</div>
			
		
	</div>
	</div>
    </div>
  </div>
  <div class="modal-footer">
       
	<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Select</button>
  </div>
</div>
    </span></span>
    </asp:Content>